<!DOCTYPE html>
<html>
<head>
    <title>消息窗口</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <link rel="stylesheet" type="text/css" href="../../themes/bootstrap/cetc54.ui.all.css">

</head>
<body>
asdfasdff<br/>
asdfasdff<br/>
asdfasdff<br/>
asdfasdff<br/>
asdfasdff<br/>
asdfasdff<br/>
asdfasdff<br/>
asdfasdff<br/>
asdfasdff<br/>
asdfasdff<br/>
asdfasdff<br/>
asdfasdff<br/>
asdfasdff<br/>
asdfasdff<br/>
asdfasdff<br/>
asdfasdff<br/>
asdfasdff<br/>
asdfasdff<br/>
asdfasdff<br/>
asdfasdff<br/>
asdfasdff<br/>
asdfasdff<br/>
asdfasdff<br/>
asdfasdff<br/>
asdfasdff<br/>
asdfasdff<br/>
asdfasdff<br/>
asdfasdff<br/>
asdfasdff<br/>
asdfasdff<br/>
asdfasdff<br/>
asdfasdff<br/>
asdfasdff<br/>
asdfasdff<br/>
asdfasdff<br/>
asdfasdff<br/>
asdfasdff<br/>
asdfasdff<br/>
asdfasdff<br/>
asdfasdff<br/>
asdfasdff<br/>
asdfasdff<br/>
asdfasdff<br/>
asdfasdff<br/>
asdfasdff<br/>
<button type="button" class="button" onclick="showMsg('alert','alert');showMsg('alert','alert');">alert-alert</button>
<button type="button" class="button" onclick="showMsg('alert','success');">alert-success</button>
<button type="button" class="button" onclick="showMsg('alert','error');">alert-error</button>
<button type="button" class="button" onclick="showMsg('alert','question');">alert-question</button>
<button type="button" class="button" onclick="showMsg('alert','warning');">alert-warning</button>
<button type="button" class="button" onclick="showMsg('confirm');">confirm</button>
<button type="button" class="button" onclick="showMsg('prompt');">prompt</button>
asdfasdff<br/>
asdfasdff<br/>
asdfasdff<br/>
asdfasdff<br/>
asdfasdff<br/>
asdfasdff<br/>
asdfasdff<br/>
asdfasdff<br/>
asdfasdff<br/>
asdfasdff<br/>
asdfasdff<br/>
asdfasdff<br/>
asdfasdff<br/>
asdfasdff<br/>
asdfasdff<br/>
asdfasdff<br/>
asdfasdff<br/>
asdfasdff<br/>
asdfasdff<br/>
asdfasdff<br/>
asdfasdff<br/>
asdfasdff<br/>
asdfasdff<br/>
asdfasdff<br/>
asdfasdff<br/>
asdfasdff<br/>
asdfasdff<br/>
asdfasdff<br/>
asdfasdff<br/>
asdfasdff<br/>
asdfasdff<br/>
asdfasdff<br/>
asdfasdff<br/>
asdfasdff<br/>
asdfasdff<br/>
asdfasdff<br/>
asdfasdff<br/>
asdfasdff<br/>
asdfasdff<br/>
asdfasdff<br/>
asdfasdff<br/>
asdfasdff<br/>
asdfasdff<br/>
asdfasdff<br/>
asdfasdff<br/>
</body>
<script type="text/javascript" src="../../lib/jquery-1.11.0.min.js"></script>
<script type="text/javascript" src="../../release/cetc54.ui.all.js"></script>
<script>
    function showMsg(type,alertType) {
        switch (type){
            case 'alert':
                $.uiMessagebox.alert({
                    type:alertType,
                    title: '提示',
                    content: '提交成功！',
                    timeout:0
                });
                break;
            case 'confirm':
                $.uiMessagebox.confirm({
                    title: '确认操作',
                    content: '确定删除选定的数据吗？<font color="red">【第一行】</font>',
                    onClose: function (value) {
                        if (value) {
                            alert('执行');
                        } else {
                            alert('取消');
                        }
                    }
                });
                break;
            case 'prompt':
                $.uiMessagebox.prompt({
                    title: '输入',
                    content: '请输入',
                    onClose: function (value) {
                        if (value) {
                            alert(value);
                        } else {
                            alert('取消');
                        }
                    }
                });
        }

    }
</script>
</html>